﻿@charset "utf-8";
.w1920{width:1920px;margin:0 auto;min-width:1920px}
.w1190{width:1190px;margin:0 auto;min-width:1190px}
.w100{width:100%}
.yahei{font-family:"Microsoft YaHei",tahoma,arial,sans-serif}
.middle{vertical-align:middle}
.hidden{overflow:hidden}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.c3{color:#333}
.c6{color:#666}
.c9{color:#999}
.ca{color:#aaa}
.rel{position:relative}
.abs{position:absolute}
.mt20{margin-top:20px}
.f14{font-size:14px}
.f12{font-size:12px}
.logo{font-size:0;display:inline-block;width:250px;height:90px;background:#fff url(../../images/login/logo.png) no-repeat left;text-indent:-9999px;}
.loginHead{height:90px;line-height:90px;font-size:18px;color:#333}
.logoHappy{margin-left:8px;color:#ed6d34}
.logoEase{color:#417bbf}
.logoRight a{color:#333;margin-left:27px}
.logoRight a:hover{color:#0675ff}
.h600{height:600px}
.loginBody{height:600px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;background-image: url(../../images/login/2016ylc.jpg);}
.codeBtn{background-color:#53aee7;color:#fff;display:block;font-size:16px;height:42px;line-height:42px;margin-left:14px;width:156px;text-align:center;float:left;cursor:pointer}
.codeBtn:hover{color:#fff}
.codeBtnDisable{background-color:#aaa;color:#fff;display:block;font-size:16px;height:42px;line-height:42px;margin-left:14px;width:156px;text-align:center;float:left}
.codeBtnDisable:hover{color:#fff}
.loginRight{margin-right:50px;margin-top:60px;width:380px;height:460px;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2)}
.loginBox{width:300px;margin:0 auto;position:relative}
.loginTitle{height:30px;line-height:30px;margin-top:30px}
.loginTitle h1{font-size:20px;font-weight:400}
.noAccount{color:#666}
.noAccount:hover{color:#333}
.loginRegLink{color:#f60}
.loginRegLink:hover{text-decoration:underline;color:#f60}
.comIptBox{width:298px;height:40px;border:1px solid #ddd;font-size:16px;color:#333;position:relative}
.comPureIptBox{width:128px}
.comIptIcon{display:block;width:40px;height:41px;position:absolute;top:0;cursor:default}
.IptIconLeft{left:0}
.IptIconRight{right:0}
.iptIconInner{font-size:20px;left:11px;top:11px;color:#aaa;position:absolute}
.comIpt{height:39px;width:218px;left:40px;top:0;border:0;font-size:14px;color:#333;position:absolute; line-height:39px;}
.placeholder{top:-1px;left:41px;line-height:42px;color:#999;font-size:14px;position:absolute}
.codePlaceholder{left:20px}
.userIptBox{margin-top:16px}
.loginEyeIcon{position:absolute;right:10px;top:10px;color:#ccc;font-size:20px;cursor:pointer}
.loginEyeIconHover{color:#aaa}
.loginEyeIconActive{color:#53aee7}
.loginDelIcon{font-size:20px;color:#aaa;right:10px;top:10px}
.hide{display:none}
.focusError{border-color:#f60}
.checkCodeBox{height:42px;line-height:42px;margin-top:20px;position:relative}
.pureIpt{width:88px;height:40px; line-height:40px;padding:0 20px;border:0;font-size:14px;color:#333;position:absolute;top:0;left:0}
.codeImgBox{margin-left:14px;margin-top:6px;cursor:pointer}
.changeOne{color:#0675ff}
.changeOne:hover{text-decoration:underline}
.focusShadow{border-color:#53aee7;box-shadow:0 0 3px #53aee7;-webkit-box-shadow:0 0 3px #53aee7;-moz-box-shadow:0 0 3px #53aee7}
.loginBtn{display:block;width:300px;height:42px;line-height:42px;color:#fff;background-color:#53aee7;font-size:16px;margin-top:40px}
.mRegBox .regBtn{margin-top:51px}
.loginBtn:hover{color:#fff;background-color:#138cd8; cursor:pointer;}
.loginFunction{margin-top:12px; margin-bottom:20px;}
.loginFunction span{padding-left:9px}
.loginForgotPwd{float:right;color:#999}
.loginForgotPwd:hover{color:#0675ff}
.loginLeft{position:absolute;top:90px;left:77px}
.loginLeftLink{display:block;width:600px;height:400px}
.loginError{position:absolute;bottom:83px;left:0}
.loginErrorIcon{font-size:18px;color:#f60}
.loginErrorText{color:#f60;padding-left:5px}
.loginErrorText a{color:#0675ff}
.regBox .regErrorText{color:#f60}
.loginLine{border-bottom:1px solid #e1e3e4;margin-top:21px}
.otherLoginText{width:163px;background-color:#fff;left:70px;top:-10px;font-weight:400;text-align:center;position:absolute;color:#999}
.socialIconBox{margin-top:20px;text-align:center}
.socialIconBox li{display:inline-block;margin:0 7px}
.socialIconItem{font-size:41px;color:#ccc}
.socialIconItem:hover{color:#22ac38}
.socialIconAli:hover{color:#00b7ee}
.socialIconQQ:hover{color:#ec6941}
.socialIconYY:hover{color:#b28850}
.loginFoot{padding-top:26px;padding-bottom:26px}
.loginFootLine2{margin:7px 0}
.regWrap{width:100%;position:relative;height:800px}
.regBody{height:530px;position:absolute;top:0;left:0;background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%}
.regBox{width:620px;height:745px;margin:0 auto;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2)}
.mRegBox{height:621px}
.userRegBox{padding-top:50px}
.regBoxLeft{width:420px}
.regMain{width:300px;margin:0 auto;padding-top:6px}
.regMain .comIptBox{margin-bottom:32px}
.mRegBox .comIptBox{margin-bottom:34px}
.mRegBox .checkCodeBox{margin-bottom:34px}
.checkCodeBox .regDesc{top:35px}
.mRegBox .checkCodeBox .regDesc{top:46px}
.safeDesc{color:#aaa}
.regMain .userIptBox{margin-top:26px}
.recommendReg{color:#aaa}
.mobileReg{color:#666;margin-left:8px}
.mobileReg:hover{color:675ff}
.regAgreement{margin-top:26px;text-align:center}
.mRegBox .regAgreement{margin-top:30px}
.regAgreementLink{color:#aaa}
.regBoxRight{width:174px;padding-left:26px;height:100%;background-color:#53aee7}
.regBoxRight h2{font-size:16px;color:#fff;font-weight:400;margin-top:43px}
.rightLogBtn{display:block;width:150px;height:42px;line-height:42px;background-color:#fff;color:#53aee7;font-size:16px;text-align:center;margin-bottom:34px;margin-top:24px}
.rightLogBtn:hover{color:#333;background-color:#fff799}
.regBoxRight h3{color:#bde6ff;font-weight:400}
.rightOtherLogBox{padding-top:18px}
.rightOtherLogBox li{margin-bottom:12px}
.rightOtherLogBox i{font-size:41px;float:left}
.rightOtherLogBox a{color:#fff}
.rightOtherLogBox a:hover span{color:#fff799}
.rightOtherLogBox span{float:left;line-height:40px;margin-left:8px}
.regDrop{font-size:12px;color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;position:absolute;top:41px;left:-1px;z-index:9999;background-color:#fbfbfb;display:none}
.arrow{position:absolute;right:10px;top:8px;color:#ccc;font-size:20px;cursor:pointer;font-size:16px;border-left:1px solid #ddd;padding-left:10px;line-height:25px}
.dropHover{background-color:#f4f4f4;color:#333}
.regDrop li{width:298px;height:40px;line-height:40px;text-indent:40px;border-bottom:1px solid #ddd;cursor:default}
.regAgreement label{margin-left:8px}
.regDesc{position:absolute;top:46px;left:0;font-size:12px;color:#aaa;width:200%}
.mRegBox .regDesc{line-height:18px}
.voiceCode{color:#0675ff}
.voiceCode:hover{text-decoration:underline}
.mRegCode{position:relative}
.mCode{width:152px;float:left}
.mCode input{width:112px}
.getCode{float:left;width:128px;height:38px;text-align:center;background-color:#f8f8f8;border:1px solid #e5e5e5;color:#666;position:relative;top:1px;margin-left:16px}
.getCode:hover{color:#666}
.regBtn{display:block;width:300px;height:42px;line-height:42px;color:#fff;background-color:#53aee7;font-size:16px;margin-top:40px;text-align:center}
.regBtn:hover{color:#fff;background-color:#138cd8}
.regWrap1{height:680px}
.regWrap2{height:630px}
.popUp{width:800px;height:600px;background-color:#fff;border-radius:15px;position:relative;display:none}
.popBox{width:695px;margin-left:53px}
.popBox h1{font-size:26px;text-align:center;color:#333;padding-top:25px;margin-bottom:40px}
.popText{color:#666;height:430px;padding-right:15px;overflow-y:scroll}
.popText p{line-height:26px;margin-bottom:23px}
.cClose{font-size:35px;position:absolute;top:30px;right:30px;color:#aaa;cursor:pointer}
.cClose:hover{color:#666}
.log3 h1{font-size:16px}
.log3Usr{color:#53aee7}
.log3 .mRegCode{margin-top:20px}
.log3 .regBtn{margin-top:50px}
.bindBox{margin-top:11px}
.bindBox input{margin-right:8px}
.logTips{width:298px;height:24px;line-height:24px;border:1px solid #ffe57d;background-color:#fff9e1;color:#666;text-align:center;margin-top:10px}
.bottomMessage{text-align:center;margin-top:6px}
.log3 .regErrorText{color:#f60}
.log3 .userIptBox .regDesc{top:42px}
.log3 .checkCodeBox .regDesc{top:30px}
#dropdown{z-index:9998}
.radioBox{position:relative}
.radio1,.radio2{position:absolute;left:0;top:0}
.log3 .loginError{top:245px}
.regAgreement input{position:relative;bottom:1px}
.setPwd{height:570px}
#help{clear:both;float:none;font-size:0}
.getCodeVoice{width:128px;height:38px;text-align:center;background-color:#f8f8f8;border:1px solid #e5e5e5;color:#666;top:1px;right:2px;position:absolute}
.pop{width:320px;height:180px;background-color:#fff;border-radius:10px;box-shadow:0 0 3px 0 #bbb;position:absolute;left:-10px;top:36px;z-index:9999}
.popWrap{margin-left:30px}
#ifBind h2{color:#333;font-size:14px;padding-top:35px;font-weight:400;margin-bottom:10px}
#ifBind p{line-height:18px;color:#666;width:}
.popAction{margin-top:20px}
.popAction a{display:block;float:left;width:118px;height:33px;line-height:33px;font-size:14px;text-align:center}
.popBtn1{border:1px solid #ccc;color:#666;background-color:#fff}
.popBtn1:hover{background-color:#f6f6f6;color:#666}
.popBtn2{border:1px solid #53aee7;color:#fff;background-color:#53aee7;margin-left:20px}
.popBtn2:hover{color:#fff;background-color:#138cd8}
.relateTitle{text-align:center;font-size:24px;color:#333;font-weight:400;padding-top:26px}
.associateDesc{width:240px;margin:0 auto;line-height:24px;margin-top:7px}
.associateDesc em,.jumpHref{color:#f60}
.jumpHref:hover{color:#f60;text-decoration:underline}
.popBg{position:absolute;z-index:9998;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.45;filter:alpha(opacity=45)}
.color9{color:#999}
.passContainer input{font-family:'微软雅黑','Microsoft YaHei'}
.userRegBox { position: relative; z-index: 99;}
.xzmm { position: absolute; right: 15px; top: 358px; width: 260px;}
.xzmm-b {width: 68px;height:83px;left: 102px;margin-top: -4px;position: absolute;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d;-moz-animation: spin 8s infinite linear;-webkit-animation: spin 8s infinite linear;-o-animation: spin 8s infinite linear;animation: spin 8s infinite linear;}
_:-ms-input-placeholder, :root .xzmm-b { animation: none;}
.xzmm-t {width: 260px;height:66px;   }
.piece {width: 68px;position: absolute;bottom: 0;}
.piece:nth-child(1){transform: rotateY(0deg) translateZ(78.8897px); -webkit-transform: rotateY(0deg) translateZ(78.8897px);}
.piece:nth-child(2){transform: rotateY(60deg) translateZ(78.8897px); -webkit-transform: rotateY(60deg) translateZ(78.8897px);}
.piece:nth-child(3){transform: rotateY(120deg) translateZ(78.8897px); -webkit-transform: rotateY(120deg) translateZ(78.8897px);}
.piece:nth-child(4){transform: rotateY(180deg) translateZ(78.8897px); -webkit-transform: rotateY(180deg) translateZ(78.8897px);}
.piece:nth-child(5){transform: rotateY(240deg) translateZ(78.8897px); -webkit-transform: rotateY(240deg) translateZ(78.8897px);}
.piece:nth-child(6){transform: rotateY(300deg) translateZ(78.8897px); -webkit-transform: rotateY(300deg) translateZ(78.8897px);}
_:-ms-input-placeholder, :root .piece { display: none; transform: rotateY(0deg) translateZ(0px);}
_:-ms-input-placeholder, :root .ie-ma-01 { display: block; margin-left: -75px;}
_:-ms-input-placeholder, :root .ie-ma-02 { display: block;}
_:-ms-input-placeholder, :root .ie-ma-03 { display: block; margin-left: 73px;}
.ie-ma-01 { margin-left: -75px\9;}
.ie-ma-03 { margin-left: 73px\9;}
.piece-t {width: 260px;position: absolute;bottom: 0;}
.mtl {position: absolute; left: -43px; top:98px}
.mtl-con { position:relative; width:314px; height:314px;animation: spins 20s infinite linear; -moz-animation: spins 20s infinite linear;-webkit-animation: spins 20s infinite linear;-o-animation: spins 20s infinite linear;}
.mtl-zc { position: absolute;-webkit-transform-origin: 50% 68%;-webkit-transform-origin: 50% 68%; -moz-transform-origin: 50% 68%; -o-transform-origin: 50% 68%; transform-origin: 50% 68%; animation: spinss 20s infinite linear; -moz-animation: spinss 20s infinite linear;-webkit-animation: spinss 20s infinite linear;-o-animation: spinss 20s infinite linear;}
.mtl-zc.mtl-zc-01 {top:32px; left: 39px;}
.mtl-zc.mtl-zc-02 {top:-9px; left: 137px;}
.mtl-zc.mtl-zc-03 {top:32px; left: 234px;}
.mtl-zc.mtl-zc-04 {top:129px; left: 274px;}
.mtl-zc.mtl-zc-05 {top:227px; left: 234px;}
.mtl-zc.mtl-zc-06 {top:266px; left: 137px;}
.mtl-zc.mtl-zc-07 {top:227px; left: 39px;}
.mtl-zc.mtl-zc-08 {top:129px; left: -1px;}
.qq-01 {position: absolute; left: -150px; top:36px;}
.qq-01-box{ -webkit-animation: balloon1 3s ease-in-out infinite;-moz-animation: balloon1 3s ease-in-out infinite;-o-animation: balloon1 3s ease-in-out infinite; animation:balloon1 3s infinite ease-in-out;}
.qq-02 {position: absolute; left: 1300px; top:150px;}
.qq-02-box{ -webkit-animation: balloon2 3s ease-in-out infinite;-moz-animation: balloon2 3s ease-in-out infinite;-o-animation: balloon2 3s ease-in-out infinite; animation:balloon2 3s infinite ease-in-out;}
.plane-box {position: absolute; right: 0px; top:16px; width: 252px; height: 70px; z-index: 9; -webkit-animation: planet 50s ease-in-out infinite;-moz-animation: planet 50s ease-in-out infinite;-o-animation: planet 50s ease-in-out infinite; animation:planet 50s ease-in-out infinite;}
.plane-box { right: 30px\9;}
@-webkit-keyframes balloon1 {
    0%{
    	-webkit-transform:translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
    }
    50% {
    	-webkit-transform: translateY(-10px) rotate(4deg);
        transform: translateY(-10px) rotate(4deg);
    }
    100%{
    	-webkit-transform: translateY(0) rotate(0deg);
    	transform: translateY(0) rotate(0deg);
    }
}
@-moz-keyframes balloon1 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@-o-keyframes balloon1 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@keyframes balloon1 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes balloon2 {
    0%{
    	-webkit-transform:translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
    }
    50% {
    	-webkit-transform:translateY(-10px) rotate(-4deg);
        transform: translateY(-10px) rotate(-4deg);
    }
    100%{
    	-webkit-transform:translateY(0) rotate(0deg);
    	transform: translateY(0) rotate(0deg);
    }
}
@-moz-keyframes balloon2 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(-4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@-o-keyframes balloon2 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(-4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@keyframes balloon2 {
    0%{
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(-4deg);
    }
    100%{
    	transform: translateY(0px) rotate(0deg);
    }
}
@-webkit-keyframes spin {
  from {
  	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
  	-webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-moz-keyframes spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@-o-keyframes spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes spins {
  from {
  	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
  	-webkit-transform:  rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spins {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes spins {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spins {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinss {
  from {
  	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
  	-webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes spinss {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-o-keyframes spinss {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes spinss {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes planet {
  from {
  	-webkit-transform: translateX(252px);
    transform: translateX(252px);
  }
  to {
  	-webkit-transform: translateX(-1920px);
    transform: translateX(-1920px);
  }
}
@-moz-keyframes planet {
   from {
    transform: translateX(252px);
  }
  to {
    transform: translateX(-1920px);
  }
}
@-o-keyframes planet {
   from {
    transform: translateX(252px);
  }
  to {
    transform: translateX(-1920px);
  }
}
@keyframes planet {
  from {
    transform: translateX(252px);
  }
  to {
    transform: translateX(-1920px);
  }
}

/*登录验证*/
.login-yz { background: #d6e9fc;}
.login_container{width:500px;height:384px;border-radius:4px;box-shadow: 2px 0px 6px #ccc;background:#FFF;border-top:#4fa8de 3px solid;margin:102px auto;}
.login_1{font-size:20px;color:#666;text-align:center;margin:25px 0;}
.login_2{width:100%;height:1px;background:#CCC;opacity:0.5;}
.login_3{width:80px;margin:20px auto;}
.login_4{font-size:18px;color:#666;text-align:center;margin:18px 0;}
.login_4 span{color:#ed6d34;}
.login_5{text-decoration:none;display:block;font-size:20px;width:300px;height:68px;margin:auto;font-size:12px;overflow:hidden;}
.login_5.error input {border:#ff6600 1px solid;}
.login_5.error .login_5_3{ display:block}
.login_5_1{width:180px;height:40px; line-height:40px\9;float:left;border:#CCC 1px solid;padding-left:10px; color:#333;}
input.error{border:0px;}
.login_5_1:focus{border:#4fa8de 1px solid;color:#000;}
.login_5_2{width:100px;height:40px;float:right;background:url(images/yz_skin_03.png);border:#CCC 1px solid;line-height:40px;text-align:center;color:#666;}
.login_5_3{color:#ff6600;font-size:12px;width:170px;height:12px;text-align:center;float:left;margin-top:4px;display:none;}
.login_5_2:hover{cursor:pointer;}
.login_6{text-decoration:none;display:block;font-size:16px;width:300px;height:42px;color:#FFF;text-align:center;line-height:42px;background:#53aee7;margin:auto;transition: background 0.2s;-moz-transition: background 0.2s;-webkit-transition: background 0.2s;-o-transition: background 0.2s;}
.login_6:hover{background:#138cd8;color:white;cursor:pointer;}